@use '../../../../../../../apps/kouncil/src/styles/buttons';
@import "../../../../../../../apps/kouncil/src/styles/palette";
@import "../../../../../../../apps/kouncil/src/styles/spaces";

.brokers-section {
  margin-top: $space-5;
  margin-bottom: $space-3;

  .brokers-section-header {
    float: left;
    font-size: 16px !important;
    padding-bottom: $space-3;
    padding-top: $space-3;
    font-weight: 500;
  }

  .add-broker-btn {
    float: right;

    .add-button-icon {
      color: $main-0;
    }
  }

  .brokers-fields {
    display: inline-flex;
    width: 100%;
    gap: $space-5;
  }

  .broker-remove-btn {
    display: block;
    padding-top: 36px;
  }
}

.full-width {
  width: 100%;
}

.action-button-blue {
  @include buttons.button-blue;
}

.action-button-white {
  @include buttons.button-white;
  height: 40px !important;
}

.mat-icon {
  margin: $space-0 !important;
  color: inherit;
}


